.pxToRem(@p,@px){
    @{p}: @px / 108 * 1rem;
}
@wid:;
#head3{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
    .h3_t{
        position:fixed;
        left: 0;
        top: 0;
        width: 100%;
        .pxToRem(height,155);
        background: #ff893a;
        text-align: center;
        .pxToRem(line-height,155);
        color: #fff;
        .pxToRem(font-size,46);
        .pxToRem(letter-spacing,10);
    }
    .h3_c{
        width: 100%;
        .pxToRem(margin-top,155);
        background: #ff893a;
        .pxToRem(height,320);
        display: flex;
        justify-content:space-around;
        align-items:center;
        .h3_c_l{
            .pxToRem(height,205);
            .pxToRem(width,205);
            .pxToRem(border-width,12); 
            border-color:#ff964a;
            border-style: silid;
            border-radius: 50%;
            overflow:hidden;
            img{
                width: 100%;
            }
        }
        .h3_c_c{
            .pxToRem(width,285);
            .h3_c_c_t{
                .pxToRem(font-size,50);
                color: #fff;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
            }
            .h3_c_c_b{
                display: flex;
                align-items:center;
                .pxToRem(font-size,40);
                color: #ffdf21;
                .pxToRem(letter-spacing,10);
                span{
                    img{
                        .pxToRem(width,50);
                    }
                }
            }
        }
        .h3_c_r{
            background: #ef6910;
            .pxToRem(width,408);
            .pxToRem(height,98);
            display: flex;
            justify-content:center;
            align-items:center;
            .pxToRem(border-radius,98);
            .h3_c_r_left{
                .pxToRem(width,47);
                img{
                    .pxToRem(width,47);
                }
            }
            .h3_c_r_right{
                .pxToRem(letter-spacing,10);
                .pxToRem(margin-left,10);
                color: #fff;
                .pxToRem(font-size,38);
            }
        }
    }
    .h3_b{
        width: 100%;
        display:flex;
        justify-content:center;
        background: #f77118;
        .pxToRem(height,131);
        span{
            flex:1;
            .pxToRem(height,102);
            .pxToRem(margin-top,15);
            text-align: center;
            .pxToRem(line-height,102);
            span{
                img{
                    .pxToRem(width,45);
                }
                color: #fff;
                .pxToRem(font-size,38);
                .pxToRem(letter-spacing,10);
            }
        }
        .h3_b_left{
            border-right: 3px solid #fff;
        }
    }
}
#main1{
    width: 100%;
    .pxToRem(margin-bottom,125);
    background: #f3f3f3;
    .pxToRem(padding-top,30);

    .m_shen{
        width: 100%;
        background: #fff;
        .pxToRem(height,126);
        display:flex;
        justify-content:space-beween;
        align-items:center;
        border-bottom: 1px solid #dedbde;
        a{
            text-decoration: none;
            .pxToRem(height,126);
            .pxToRem(line-height,126);
            .pxToRem(letter-spacing,10);
        }
        .m_s_l{
            width: 80%;
            color: #747173;
            .pxToRem(font-size,50);
            .pxToRem(padding-left,50);
        }
        .m_s_r{
            width: 20%;
            display: flex;
            justify-content:center;
            align-items:center;
            color: #ff7518;
            .pxToRem(font-size,44);
            img{
                .pxToRem(width,44);
            }
        }
    }
    .m_shen2{
        width: 100%;
        background: #fff;
        .pxToRem(height,126);
        display:flex;
        justify-content:space-beween;
        align-items:center;
        border-bottom: 1px solid #dedbde;
        .pxToRem(margin-top,30);
        a{
            .pxToRem(height,126);
            .pxToRem(line-height,126);
            .pxToRem(letter-spacing,10);
        }
        .m_s_l{
            width: 80%;
            color: #747173;
            .pxToRem(font-size,50);
            .pxToRem(padding-left,50);
        }
        .m_s_r{
            width: 20%;
            display: flex;
            justify-content:center;
            align-items:center;
            color: #ff7518;
            .pxToRem(font-size,44);
            img{
                .pxToRem(width,44);
            }
        }
    }
    .q_k{
        width: 100%;
        display: flex;
        justify-content:center;
        align-items:center;
        background: #fff;
        .pxToRem(height,167);
        .q_dl{
            width: 25%;
            border-right: 1px solid #dedbde;
            text-align: center;
            dt{
                img{
                    .pxToRem(width,60);
                }
            }
            dd{
                color: #636563;
                .pxToRem(font-size,39);
                .pxToRem(letter-spacing,10);
            }
        }
        .q_dl:last-child{
            border-right:none;
        }
    }
    .b_d{
        width: 100%;
        background: #ffebe7;
        display: flex;
        justify-content:space-around;
        align-items:center;
        .pxToRem(height,144);
        color: #636563;
        .pxToRem(font-size,45);
        span{
            img{
                .pxToRem(width,48);
            }
        }
        .b_d_l{
            display: flex;
            justify-content:space-around;
            align-items:center;
            .pxToRem(letter-spacing,10);
        }
    }
    .di_b{
        width: 100%;
        .pxToRem(margin-top,30);
        .pxToRem(padding-bottom,250);
        .di_bp{
            width: 100%;
            .pxToRem(height,144);
            border-bottom: 1px solid #dedede;
            display: flex;
            justify-content:space-around;
            align-items:center;
            background: #fff;
            .ce_l{
                width: 20%;
                text-align: center;
                img{
                    .pxToRem(width,60);
                }
            }
            .ce_z{
                width:60%;
                color: #393c39;
                .pxToRem(font-size,50);
                .pxToRem(letter-spacing,10);
            }
            .ce_r{
                width: 20%;
                text-align: center;
                color: #393c39;
                .pxToRem(font-size,50);
            }
        }
    }
}
#footer{
    position:fixed;
    bottom:0;
    lfet:0;
    background: #fff;
    width: 100%;
    border-top:3px solid #e7e3da;
    display: flex;
    justify-content: center;
    align-items:center;
    .pxToRem(height,125);
    .fordi{
        flex:1;
        display: flex;
        justify-content:center;
        flex-direction:column;
        align-items:center;
        text-decoration: none;
        color: #FF893D;
        span{
            .pxToRem(font-size,60);
        }
    }
}